<template>
	<view class="Activity">
		<SearchBox></SearchBox>
		<ActivityModule :data="data"></ActivityModule>
		<BottomText></BottomText>
	</view>
</template>

<script setup>
	import SearchBox from "@/components/SearchBox/SearchBox.vue"
	import BottomText from "@/components/BottomText/BottomText.vue"
	import ActivityModule from "@/components/ActivityModule/ActivityModule.vue"
	import http from "@/utils/http.js"
	import {ref,onMounted} from "vue"
	const data=ref([]);
	let page=1;
	let limit=10;
	const actData = function(){
		http({
			url:'/activityList',
			params:{
				page,
				limit
			},
		}).then((res)=>{
			console.log(res.data.list);
			if(res.code===0){
				data.value=res.data.list
				console.log(data.value);
			}
		})
	}
	onMounted(()=>{
		actData()
	})
</script>

<style lang="less" scoped>
	.Activity{
		padding:0 40rpx;
	}
</style>
